
<include file="Public:header" />
<div class="row">
  <div class="col-sm-7 col-md-8 col-lg-9">
    <div class="directory-info-row" style="margin-top:0;">
		<section class="panel">
            <div class="panel-heading"><span class="pagetitle">积分详情</span></div>
            <div class="panel-body">
            	<div id="container" style="min-width:100%;height:300px">
                	
                </div>
            </div>
        </section>
    </div>
  </div>
</div>
<include file="Public:script" />
<script src="__PUBLIC__/Js/highcharts.src.js"></script>
<script>
$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: '管理人员本月标准奖罚分数图'
        },
        xAxis: {
            categories: [
                '标准奖扣分',
				'标准奖扣分'
            ],
            crosshair: true
        },
        yAxis: {
            min: 0,
            title: {
                text: '分数'
            }
        },
        tooltip: {
            headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
            pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +'<td style="padding:0"><b>{point.y:.1f} </b></td></tr>',
            footerFormat: '</table>',
            shared: true,
            useHTML: true
        },
        plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0
            }
        },
        series: [{
            name: '标准奖分',
            data: [450,350]
        },{
            name: '实际加分',
            data: [400,350]
        },{
            name: '标准减分',
            data: [45,35]
        },{
            name: '实际减分',
            data: [40,10]
        }]
    });
});

</script>
<style>
    #integralcategorybox td{padding:5px;}
</style>
</body></html>